<style>
  @media only screen and (max-width: 400px) {
    ul {
      padding-left: 25px;
    }
  }
  @media only screen and (max-width: 242px) {
    ul {
      padding-left: 13px;
    }
  }
</style>

<svelte:head>
  <title>Svelte-grid — Features</title>
  <!-- <meta name="description" content=""/> -->
  <meta name="keywords" content="draggable,resizable,grid,layout,responsive,breakpoints,Svelte,svelte,svelte.js,sveltejs,features" />
  <meta name="author" content="Vahe Araqelyan" />
</svelte:head>

<h1>Features</h1>

<ul>
  <li>100% Svelte (or vanillajs) - no jQuery, no 3rd party dependencies</li>
  <li>Compatible with Sapper (SSR Svelte)</li>
  <li>Draggable widgets</li>
  <li>Resizable widgets</li>
  <li>Static widgets</li>
  <li>Layout can be serialized and restored</li>
  <li>Responsive breakpoints</li>
  <li>Limit the minimum and maximum width / height when resizing</li>
  <li>Provide helper functions</li>
  <li>Soft autoscroll</li>
</ul>

<a href="https://github.com/vaheqelyan/svelte-grid/issues/new" target="_blank">Suggest your feature</a>
